<template>
    <div class="download" :style="{height: mheight+'px'}">
      <div class="item" :style="{marginTop:'-'+mheight/8+'px'}">
        <img src="//img12.360buyimg.com/jrpmobile/jfs/t8956/285/1249806938/50853/8cd3c8f0/59b65f36N05367075.png?">
        <p>立即下载</p>
        <span>copyright</span>
      </div>
    </div>
</template>

<script>
export default {
  name: 'specialDownload',
  data () {
    return {
      mheight: 0
    }
  },
  mounted () {
    this.mheight = window.screen.height
    console.log(window.screen.height)
  }
}
</script>

<style lang="stylus" scoped>
  .download
    display:flex
    width:100%
    .item
      display:flex
      flex-direction:row
      justify-content: center
      align-items: center
      width:100%
      height:100%
     img
      width:100%
      max-width:8rem
     p
      font-size:.32rem
      color:#fff
      background:#F1443E
      border-radius:.1rem
      text-align:center
      height: 1rem;
      line-height: 1rem;
      width: 4.7rem
      background-image: linear-gradient(270deg,#F55C33 0,#EE2D1B 75%);
      box-shadow: 0 .12rem .32rem 0 rgba(255,159,135,.6);
      position: fixed;
      bottom: 1.3rem;
    span
      position: fixed;
      bottom: 16px;
      font-size: 24px;
      color: #eee;
</style>
